css怎么设置超出自动换行

您所在的位置:网站首页 css word-wrap 对标签失效 css怎么设置超出自动换行

css怎么设置超出自动换行

2023-03-27 05:59| 来源: 网络整理| 查看: 265

css设置超出自动换行的方法:1、使用“word-break: break-all;”样式,以字母作为依据,强制自动换行;2、使用“word-wrap: break-word;”样式,以单词作为依据,强制自动换行。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

在HTML中,div、p、h标签等遇到连续的大段英文和数字时候,并不会按照正常情况下自动随盒子宽度限制而自动换行。那么在cssz中怎么设置超出自动换行?

在CSS中,可以使用word-wrap: break-word;或word-break:break-all;来让英文强制换行。

word-break: break-all; 设置文字的强制自动换行,但只对英文起作用,以字母作为换行依据。

word-wrap: break-word; 设置文字的强制自动换行,但只对英文起作用,以单词作为换行依据。

示例:

p { width:9em; border:1px solid #000000; } p.test1 { word-wrap:break-word; } p.test2 { word-break:break-all; }

This paragraph text. aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

This paragraph text. aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

This paragraph text. aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

效果图:

(学习视频分享:css视频教程)

以上就是css怎么设置超出自动换行的详细内容!



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3